<template>
    <div class="pop-shop-notices">
        <el-drawer
            title="店铺公告"
            :visible.sync="is_drawer"
            class="drawer-box"
            @close="inContentIntro"

        >
            <div class="content-box">
                <el-form ref="form" :model="form" label-width="90px">
                    <el-form-item label="文字大小">
                        <el-select v-model="form.notice.size" class="select-w">
                            <el-option
                                v-for="item in optionsData1"
                                :key="item.id"
                                :label="item.title"
                                :value="item.id"
                            >
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="文字颜色">
                        <el-select v-model="form.notice.color" class="select-w">
                            <el-option
                                v-for="item in optionsData2"
                                :key="item.id"
                                :label="item.title"
                                :value="item.id"
                            >
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="显示方式">
                        <el-select v-model="form.notice.stype" class="select-w">
                            <el-option
                                v-for="item in optionsData3"
                                :key="item.id"
                                :label="item.title"
                                :value="item.id"
                            >
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="公告内容">
                        <el-input
                            type="textarea"
                            :autosize="{ minRows: 4, maxRows: 10 }"
                            maxlength="200"
                            show-word-limit
                            placeholder="请输入内容"
                            v-model="form.notice.text"
                        >
                        </el-input>
                    </el-form-item>
                </el-form>
            </div>
        </el-drawer>
    </div>
</template>

<script>
// import xxx from '@/components/comm/xxx.vue';
export default {
    props: ["form", "optionsData1", "optionsData2", "optionsData3"],
    components: {},
    computed: {},
    data() {
        return {
            is_drawer: false,
        };
    },
    created() {},
    mounted() {},
    methods: {
        initData() {
            this.is_drawer = true;
        },
        inContentIntro(){
            this.$emit('inContentIntro')
        }
    },
};
</script>

<style lang="scss" scoped >
.content-box {
    padding-right: 20px;
}
</style>
